<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    @@include('./include/header.html')
    <title>订单中心</title>
    <style>
        .hdpro_img {
            box-shadow: 0 0 8px 0 rgba(173, 217, 193, 0.4);
        }
    
        .buy-cells {
            box-shadow: none;
        }
        /* .weui-tab{height:auto;} */
    </style>
</head>
<body>
<div class="page">
    <div class="page-hd">
        @@include('./include/page-hd.html', {
        "title": "订单中心",
        "menu": ""
        })
    </div>
    <div class="page-bd">
        <!-- 页面内容-->
        <div class="weui-tab">
            <div class="weui-navbar">
                <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
                    <span style="position:relative;">
                         待付款
                        <!-- <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -8px;"></span> -->
                    </span>
                </a>
                <a class="weui-navbar__item" href="#tab2" >
                    <span style="position:relative;">
                         待确认
                        <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -8px;"></span>
                    </span>
                </a>
                <a class="weui-navbar__item" href="#tab3">
                    <span style="position:relative;">
                         待发货
                        <!-- <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -8px;"></span> -->
                    </span>
                </a>
                <a class="weui-navbar__item" href="#tab4">
                    <span style="position:relative;">
                         待收货
                        <!-- <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -8px;"></span> -->
                    </span>
                </a>
                <a class="weui-navbar__item" href="#tab5">
                    <span style="position:relative;">
                         已收货
                        <!-- <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -8px;"></span> -->
                    </span>
                </a>
            </div>
            <div class="weui-tab__bd">
                <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
                    <div class="team_list">
                        <div class="weui-cells qcard">
                            <div class="weui-cell">
                                <div class="weui-cell__bd">
                                    <div class="s_text">订单编号：8762312312312</div>
                                </div>
                                <div class="weui-cell_ft">
                                    <div class="s_text">等待确认</div>
                                </div>
                            </div>
                         
                            <div class="weui-cells buy-cells" >
                                <div class="weui-cell flex-start">
                                    <div class="weui-cell__hd" style="position:relative">
                                        <img src="../assets/images/proimg1x1.png" class="hdpro_img min_img" style="margin-right:10px;" alt="" />
                                    </div>
                                    <div class="weui-cell__bd">
                                        <div class="pro_title">
                                            阿迪达斯男女 跑步鞋透气减震跑步鞋2018潮人必备新品跑步鞋透气减震跑步鞋2018潮人必备新品
                                        </div>
                                        <div class="text-muted fs20 pdspan">
                                            <span>规格：【24瓶*1箱】</span>
                                        </div>
                                    </div>
                                    <div class="weui-cell__ft" style="padding-left:10px;">
                                        <div class="bs_title">￥699.00</div>
                                        <div class="s_text">×1</div>
                                    </div>
                                </div>
                                <div class="weui-cell flex-start">
                                    <div class="weui-cell__hd" style="position:relative">
                                        <img src="../assets/images/proimg1x1.png" class="hdpro_img min_img" style="margin-right:10px;" alt="" />
                                    </div>
                                    <div class="weui-cell__bd">
                                        <div class="pro_title">
                                            阿迪达斯男女 跑步鞋透气减震跑步鞋2018潮人必备新品跑步鞋透气减震跑步鞋2018潮人必备新品
                                        </div>
                                        <div class="text-muted fs20 pdspan">
                                            <span>规格：【24瓶*1箱】</span>
                                        </div>
                                    </div>
                                    <div class="weui-cell__ft" style="padding-left:10px;">
                                        <div class="bs_title">￥699.00</div>
                                        <div class="s_text">×1</div>
                                    </div>
                                </div>
                            
                            </div>
                            <div class="weui-cell">
                                <div class="weui-cell__bd">
                                    <div class="m_text">下级代理：彭晓燕</div>
                                </div>
                                <div class="weui-cell__ft">
                                    <div class="s_title">共2件商品 合计：<span class="text-red">￥2580.00</span>元</div>
                                </div>
                            </div>
                            <div class="weui-cell">
                                <div class="weui-cell__bd"></div>
                                <div class="weui-cell__ft">
                                    <a href="###" class="buy_defbtn">立即付款</a>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div id="tab2" class="weui-tab__bd-item">
                    
                    <div class="default-img">
                        <img src="../assets/images/default.jpg" alt="" />
                        <div class="x_text">哦不，暂时无内容</div>
                    </div>
                </div>
                <div id="tab3" class="weui-tab__bd-item">
                    <h4>333</h4>
                    <div class="default-img">
                        <img src="../assets/images/default.jpg" alt="" />
                        <div class="x_text">哦不，暂时无内容</div>
                    </div>
                </div>
                <div id="tab4" class="weui-tab__bd-item">
                    <h4>444</h4>
                    <div class="default-img">
                        <img src="../assets/images/default.jpg" alt="" />
                        <div class="x_text">哦不，暂时无内容</div>
                    </div>
                </div>
                <div id="tab4" class="weui-tab__bd-item">
                    <h4>555</h4>
                    <div class="default-img">
                        <img src="../assets/images/default.jpg" alt="" />
                        <div class="x_text">哦不，暂时无内容</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@@include('./include/footer.html')
<script>

</script>
</body>
</html>